<!--<!DOCTYPE html>-->
<!--<html xmlns:th="http://www.thymeleaf.org" lang="zh">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>评论管理 - 企业培训平台</title>-->
<!--    <div th:replace="~{fragments/header :: common-header}"></div>-->
<!--    <link rel="stylesheet" th:href="@{/css/style.css}">-->
<!--    <style>-->
<!--        /* 这里可以添加 teacher-comments 页面特有的样式 */-->
<!--        body {-->
<!--            display: flex;-->
<!--            min-height: 100vh;-->
<!--            margin: 0;-->
<!--            font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;-->
<!--            background-color: #f0f2f5;-->
<!--            color: #333333;-->
<!--        }-->

<!--        .sidebar {-->
<!--            width: 250px;-->
<!--            background-color: #2c3e50;-->
<!--            color: white;-->
<!--            padding: 20px 0;-->
<!--            box-shadow: 2px 0 5px rgba(0,0,0,0.1);-->
<!--            display: flex;-->
<!--            flex-direction: column;-->
<!--            position: sticky;-->
<!--            top: 0;-->
<!--            left: 0;-->
<!--            height: 100vh;-->
<!--            overflow-y: auto;-->
<!--        }-->

<!--        .sidebar h2 {-->
<!--            text-align: center;-->
<!--            color: #007bff;-->
<!--            margin-bottom: 30px;-->
<!--            font-size: 1.8em;-->
<!--        }-->

<!--        .sidebar ul {-->
<!--            list-style: none;-->
<!--            padding: 0;-->
<!--            margin: 0;-->
<!--        }-->

<!--        .sidebar ul li a {-->
<!--            display: block;-->
<!--            padding: 15px 25px;-->
<!--            color: #ccc;-->
<!--            text-decoration: none;-->
<!--            font-size: 1.1em;-->
<!--            transition: background-color 0.3s ease, color 0.3s ease;-->
<!--        }-->

<!--        .sidebar ul li a:hover, .sidebar ul li.active a {-->
<!--            background-color: #007bff;-->
<!--            color: white;-->
<!--        }-->

<!--        .main-content {-->
<!--            flex-grow: 1;-->
<!--            padding: 30px;-->
<!--            margin-left: 250px;-->
<!--        }-->

<!--        .page-title {-->
<!--            color: #2c3e50;-->
<!--            margin-bottom: 30px;-->
<!--            font-size: 2.6em;-->
<!--            font-weight: 700;-->
<!--            border-bottom: 3px solid #4a90e2;-->
<!--            padding-bottom: 15px;-->
<!--            text-shadow: 1px 1px 2px rgba(0,0,0,0.05);-->
<!--        }-->

<!--        .comments-section {-->
<!--            background-color: #ffffff;-->
<!--            padding: 25px;-->
<!--            border-radius: 12px;-->
<!--            box-shadow: 0 8px 20px rgba(0,0,0,0.1);-->
<!--            margin-top: 20px;-->
<!--        }-->

<!--        .comment-item {-->
<!--            border-bottom: 1px solid #eee;-->
<!--            padding: 15px 0;-->
<!--            margin-bottom: 15px;-->
<!--        }-->

<!--        .comment-item:last-child {-->
<!--            border-bottom: none;-->
<!--            margin-bottom: 0;-->
<!--        }-->

<!--        .comment-header {-->
<!--            display: flex;-->
<!--            justify-content: space-between;-->
<!--            align-items: center;-->
<!--            margin-bottom: 10px;-->
<!--        }-->

<!--        .comment-header .user-info {-->
<!--            font-weight: bold;-->
<!--            color: #4a90e2;-->
<!--        }-->

<!--        .comment-header .date {-->
<!--            font-size: 0.9em;-->
<!--            color: #888;-->
<!--        }-->

<!--        .comment-content {-->
<!--            color: #555;-->
<!--            line-height: 1.6;-->
<!--            margin-bottom: 10px;-->
<!--        }-->

<!--        .comment-course {-->
<!--            font-size: 0.9em;-->
<!--            color: #666;-->
<!--            margin-bottom: 5px;-->
<!--        }-->

<!--        .teacher-reply-form {-->
<!--            margin-top: 15px;-->
<!--            padding-top: 15px;-->
<!--            border-top: 1px dashed #eee;-->
<!--        }-->

<!--        .teacher-reply-form textarea {-->
<!--            width: 100%;-->
<!--            padding: 10px;-->
<!--            border: 1px solid #ccc;-->
<!--            border-radius: 5px;-->
<!--            margin-bottom: 10px;-->
<!--            box-sizing: border-box; /* 确保内边距和边框包含在宽度内 */-->
<!--        }-->

<!--        .teacher-reply-form button {-->
<!--            background-color: #27ae60;-->
<!--            color: white;-->
<!--            padding: 10px 20px;-->
<!--            border: none;-->
<!--            border-radius: 5px;-->
<!--            cursor: pointer;-->
<!--            transition: background-color 0.3s ease;-->
<!--        }-->

<!--        .teacher-reply-form button:hover {-->
<!--            background-color: #229954;-->
<!--        }-->

<!--        .teacher-reply {-->
<!--            background-color: #f8f9fa;-->
<!--            border-left: 3px solid #007bff;-->
<!--            padding: 10px 15px;-->
<!--            margin-top: 10px;-->
<!--            border-radius: 5px;-->
<!--        }-->
<!--        .teacher-reply p {-->
<!--            margin: 0;-->
<!--            color: #444;-->
<!--            font-style: italic;-->
<!--        }-->
<!--        .teacher-reply .reply-date {-->
<!--            font-size: 0.8em;-->
<!--            color: #777;-->
<!--            text-align: right;-->
<!--            margin-top: 5px;-->
<!--        }-->

<!--        .no-comments {-->
<!--            text-align: center;-->
<!--            color: #777;-->
<!--            padding: 30px;-->
<!--            font-size: 1.1em;-->
<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->
<!--<div th:replace="~{fragments/sidebar :: teacher-sidebar}"></div>-->

<!--<div class="main-content">-->
<!--    <div class="container">-->
<!--        <h1 class="page-title">评论管理</h1>-->

<!--        <div th:if="${successMessage}" class="alert alert-success">-->
<!--            <p th:text="${successMessage}"></p>-->
<!--        </div>-->
<!--        <div th:if="${errorMessage}" class="alert alert-danger">-->
<!--            <p th:text="${errorMessage}"></p>-->
<!--        </div>-->

<!--        <div class="comments-section">-->
<!--            <div th:if="${comments.empty}" class="no-comments">-->
<!--                <p>暂无学生评论。</p>-->
<!--            </div>-->
<!--            <div th:each="comment : ${comments}" class="comment-item">-->
<!--                <div class="comment-header">-->
<!--                    <span class="user-info" th:text="${comment.studentName}">学生名称</span>-->
<!--                    <span class="date" th:text="${#dates.format(comment.commentDate, 'yyyy-MM-dd HH:mm')}">2025-01-01 10:00</span>-->
<!--                </div>-->
<!--                <p class="comment-course">-->
<!--                    评论课程: <strong th:text="${comment.courseName}">课程名称</strong>-->
<!--                </p>-->
<!--                <p class="comment-content" th:text="${comment.content}">这里是评论内容。</p>-->

<!--                <div th:if="${comment.teacherReplyContent != null and comment.teacherReplyContent != ''}" class="teacher-reply">-->
<!--                    <p>老师回复: <span th:text="${comment.teacherReplyContent}"></span></p>-->
<!--                    <p class="reply-date" th:text="${#dates.format(comment.replyDate, 'yyyy-MM-dd HH:mm')}"></p>-->
<!--                </div>-->

<!--                <div th:unless="${comment.teacherReplyContent != null and comment.teacherReplyContent != ''}" class="teacher-reply-form">-->
<!--                    <form th:action="@{/teacher/comments/reply}" method="post">-->
<!--                        <input type="hidden" name="commentId" th:value="${comment.id}">-->
<!--                        <textarea name="replyContent" rows="3" placeholder="回复该评论..."></textarea>-->
<!--                        <button type="submit">回复</button>-->
<!--                    </form>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->

<!--<div th:replace="~{fragments/footer :: footer}"></div>-->
<!--</body>-->
<!--</html>-->